<script setup lang="ts">
</script>

<template>
  <div class="findSpecialContainer">
    <div class="card-list">
      <div class="card-item">
        <img
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F4k%2Fs%2F02%2F2109242312005c1-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1649077815&t=f35333fc7881dfc765470efa5bf1dadc"
          alt=""
        />
        <div class="text one-overflow">深夜电台最喜欢的节目</div>
      </div>
      <div class="card-item">
        <img
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F4k%2Fs%2F02%2F2109242312005c1-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1649077815&t=f35333fc7881dfc765470efa5bf1dadc"
          alt=""
        />
        <div class="text one-overflow">深夜电台最喜欢的节目</div>
      </div>
      <div class="card-item">
        <img
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F4k%2Fs%2F02%2F2109242312005c1-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1649077815&t=f35333fc7881dfc765470efa5bf1dadc"
          alt=""
        />
        <div class="text one-overflow">深夜电台最喜欢的节目</div>
      </div>
    </div>
  </div>
</template>

<style lang="less">
.findSpecialContainer {
  margin-top: 50px;
  margin-bottom: 80px;
  .card-list {
    .card-item {
      margin: 20px;
      overflow: hidden;
      img {
        width: 100%;
        height: auto;
      }
      border-radius: 10px;
      box-shadow: 1px 1px 5px 1px #999;
      .text {
        padding: 10px;
      }
    }
  }
}
</style>